<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ezcomp="http://java.sun.com/jsf/composite/ezcomp">

    <ui:composition template="default_layout_with_menu.xhtml">
        <ui:define name="titulo-pagina">Dados da Pessoa
        </ui:define>
        <ui:define name="content">
            <p:tabView collapsible="true">

                <p:tab title="Dados da Pessoa" >

                    <p:messages />
                    <h:inputHidden value="#{pessoaJSFBean.pessoa.idPessoa}"/>
                    <h:panelGrid columns="3">

                        <h:outputLabel for="nmFantazia" value="Nome Fantazia:" />
                        <h:inputText id="nmFantazia" value="#{pessoaJSFBean.pessoa.nmFantazia}"  label="NomeFantazia" />
                        <p:message for="nmFantazia" id="c1" />

                        <h:outputLabel for="c3" value="Razão Social:" />
                        <h:inputText id="rz" value="#{pessoaJSFBean.pessoa.nmRazaoSocial}"  label="rz" />
                        <p:message for="rz" id="c3" />

                        <h:outputLabel for="c4" value="CPF/CNPJ:" />
                        <h:inputText id="CPFCNPJ" value="#{pessoaJSFBean.pessoa.cdCpfCnpj}"  label="cpfcnpj" />
                        <p:message for="CPFCNPJ" id="c4" />

                        <h:outputLabel for="c5" value="Email:" />
                        <h:inputText id="email" value="#{pessoaJSFBean.pessoa.nmEmailOperacional}"  label="email" />
                        <p:message for="email" id="c5" />

                        <h:outputLabel for="c1" value="Contrato:" />
                        <h:inputText id="contato" value="#{pessoaJSFBean.pessoa.nmContato}"  label="Contrato" />
                        <p:message for="contato" id="c7" />

                        <h:outputLabel for="c8" value="Email:" />
                        <h:inputText id="emailContato" value="#{pessoaJSFBean.pessoa.dsEmailContato}"  label="Pessoa" />
                        <p:message for="emailContato" id="c8" />

                        <h:outputLabel/>
                        <h:panelGrid columns="2">
                            <p:commandButton value="Salvar" action="#{pessoaJSFBean.salva}" styleClass="botaoForm" ajax="false" image="salvar"/>
                            <ezcomp:navButton label="Cancelar" pagina="#{pessoaJSFBean.paginaListagem}" image="cancelar"/>
                        </h:panelGrid>
                    </h:panelGrid>
                </p:tab>
                <p:tab title="Endereço">

                    <p:dialog id="dialog" header="Dados do Endereço da Pessoa" showEffect="explode" modal="true" width="600" height="450" widgetVar="dlg">

                        <p:messages />
                        <h:inputHidden value="#{pessoaJSFBean.endereco.idEndereco}"/>
                        <h:panelGrid id="teste" columns="4">

                            <h:outputLabel value="ID:" />
                            <h:outputText value="#{pessoaJSFBean.endereco.idEndereco}"/>
                            <h:outputLabel/>
                            <h:outputLabel/>

                            <h:outputLabel for="cat" value="Tipo Endereco:" />
                            <h:selectOneMenu id="cat" value="#{pessoaJSFBean.endereco.tipoEndereco}"  label="Tipo Endereço" converter="sec" >
                                <f:selectItem itemLabel="Selecione o tipo de endereco"/>
                                <f:selectItems value="#{pessoaJSFBean.tipoEnderecos}" var="c" itemLabel="#{c.nmTipoEndereco}" itemValue="#{c}"/>
                            </h:selectOneMenu>
                            <h:outputLabel/>
                            <p:message for="cat" id="m3" />

                            <h:outputLabel for="cep" value="CEP:" />
                            <h:inputText id="cep" value="#{pessoaJSFBean.endereco.dsCep}"  label="CEP" valueChangeListener="#{pessoaJSFBean.buscaCep}" />
                            <p:commandButton  update="nome,descricao,idCidade,idEstado"  image="atualizar"/>
                            <p:message for="cep" id="e1" />

                            <h:outputLabel for="nome" value="Logradouro:" />
                            <h:inputText id="nome" label="Logradouro" value="#{pessoaJSFBean.endereco.dsLogradouro}" disabled="true" />
                            <h:outputLabel/>
                            <p:message for="nome" id="e2" />

                            <h:outputLabel for="numero" value="Numero:" />
                            <h:inputText id="numero" value="#{pessoaJSFBean.endereco.dsNumero}" label="Numero" required="true"/>
                            <h:outputLabel/>
                            <p:message id="m2" for="numero" />

                            <h:outputLabel for="descricao" value="Bairro:" />
                            <h:inputText id="descricao" value="#{pessoaJSFBean.endereco.dsBairro}" label="Bairro" disabled="true"/>
                            <h:outputLabel/>
                            <p:message id="m7" for="descricao" />

                            <h:outputLabel for="complemento" value="Complemento:" />
                            <h:inputText id="complemento" value="#{pessoaJSFBean.endereco.dsComplemento}" label="Complemento" />
                            <h:outputLabel/>
                            <p:message id="m6" for="complemento" />

                            <h:outputLabel for="idCidade" value="Cidade:" />
                            <h:inputText id="idCidade" value="#{pessoaJSFBean.endereco.dsCidade}" label="cidade" disabled="true"/>
                            <h:outputLabel/>
                            <p:message id="m4" for="idCidade" />

                            <h:outputLabel for="idEstado" value="Bairro:" />
                            <h:inputText id="idEstado" value="#{pessoaJSFBean.endereco.dsEstado}" label="Estado" disabled="true"/>
                            <h:outputLabel/>
                            <p:message id="m5" for="idEstado" />

                            <h:outputLabel/>
                            <h:panelGrid columns="2">
                                <p:commandButton value="Salvar" action="#{pessoaJSFBean.salvaEndereco}" styleClass="botaoForm" update="tabela1" image="salvar"/>

                            </h:panelGrid>
                        </h:panelGrid>

                    </p:dialog>

                    <p:panel id="panelListaEndereco" header="Lista de Endereço da Pessoa" >
                        <p:commandButton value="Novo" onclick="dlg.show()" image="novo"/>
                        <p:commandButton ajax="true" value="Atualizar listagem" action="#{pessoaJSFBean.atualizar}" update="tabela1" image="atualizar"/>

                        <p:dataTable id="tabela1" value="#{pessoaJSFBean.pessoa.enderecoPessoaList}" var="item"
                                     emptyMessage="Nenhum registro cadastrado." >

                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Id"/>
                                </f:facet>
                                <h:outputText value="#{item.idEndereco}"/>
                            </p:column>

                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Logradouro"/>
                                </f:facet>
                                <h:outputText value="#{item.dsLogradouro}"/>
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Bairro"/>
                                </f:facet>
                                <h:outputText value="#{item.dsBairro}"/>
                            </p:column>

                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Número"/>
                                </f:facet>
                                <h:outputText value="#{item.dsNumero}">
                                </h:outputText>
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Cidade"/>
                                </f:facet>
                                <h:outputText value="#{item.dsCidade}">
                                </h:outputText>
                            </p:column>

                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="CEP"/>
                                </f:facet>
                                <h:outputText value="#{item.dsCep}">

                                </h:outputText>
                            </p:column>

                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Ações"/>
                                </f:facet>

                                <ezcomp:imgActionDatatable bean="#{pessoaJSFBean}" tipo="edit"/>
                                <ezcomp:imgActionDatatable bean="#{pessoaJSFBean}" tipo="del"/>
                            </p:column>


                        </p:dataTable>
                    </p:panel>
                </p:tab>
                <p:tab title="Nota Fiscal"></p:tab>
                <p:tab title="Contrato"></p:tab>
                <p:tab title="Contabilidade"></p:tab>
                <p:tab title="Financeiro"></p:tab>
                <p:tab title="Observação"></p:tab>
            </p:tabView>
        </ui:define>
    </ui:composition>

</html>

